<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 foundation</title>
<link rel="stylesheet" href="../CSS/style.css">
<script src="../javascript/utils.js" type="text/javascript"></script>
</head>

<body>
	<h1>My page</h1>
	<canvas id="canvas" width="400" height="400"></canvas>
	<script>
		window.onload = function () {
	
	var canvas = document.getElementById('canvas');
	canvas.addEventListener('mousedown', function (event) {
		console.log("mouse down");
	}, false);
	canvas.addEventListener('mouseup', function (event) {
		console.log("mouse up");
	}, false);
};
	</script>
</body>
</html>